<template>
  <div>
    <button v-color @click="msg += '~'">Hello, {{ msg }}</button>

    <input v-focus type="text" />
  </div>
</template>

<script>
export default {
  props: ["name"],

  data() {
    return {
      msg: "~",
    };
  },

  updated() {
    console.log("Hello updated");
  },
};
</script>
